<ion-view hide-back-button="true" style="background-color: #fff" title="选择小区">
  <ion-nav-buttons side="left">
    <button class="button button-clear" ui-sref="dash.home">
      <i class="icon ion-chevron-left"></i>
    </button>
  </ion-nav-buttons>
  <ion-nav-buttons side="right">
    <button class="button button-clear" ng-click="search()">
      <i class="icon ion-search"></i>
    </button>
  </ion-nav-buttons>
  <div class="list" style="padding-top: 40px">
    <label class="item item-input">
      <i class="icon ion-search placeholder-icon"></i>
      <input placeholder="输入小区名称" type="search">
    </label>
    <label class="item main-color" style="height: 40px; padding-top:8px">
      当前城市 天津
    </label>
  </div>

  <ion-content class="subclass-left" scroll="true" style="padding-top: 85px;">
    <div class="row no-padding" style="height: 100%">
      <ion-scroll direction="y" style="width: 40%; height: 90%;" zooming="true">
        <div class="list city" collection-repeat="region in regions">
          <label class="item item-radio" ng-click="selectRegion(region)">
            <input checked name="group" type="radio">
            <div class="item-content">
              <span style="float: left">{{region}}</span>
              <span style="float: right; padding-right: 20px">
                <i class="ion-chevron-right"></i>
              </span>
            </div>
          </label>
        </div>
      </ion-scroll>

      <ion-scroll style="width: 60%">
        <div class="subclass-right district-list" style="padding: 0px; margin: 0px">
          <ion-alpha-scroll key="first" ng-model="showdist">
            <div ng-click="selectDist(item)">{{item.name}}</div>
          </ion-alpha-scroll>
        </div>
      </ion-scroll>
    </div>
  </ion-content>
</ion-view>
